@import 'variable.scss';
@import 'mixin.scss';
@import 'reset.scss';
html,
body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-user-select: none; -webkit-highlight: none; -webkit-tap-highlight-color: rgba(0,0,0,0); 
}

// html { font-size: 62.5%; } body { font-size: 14px; font-size: 1.4rem; } /* =14px / h1 { font-size: 24px; font-size: 2.4rem; } / =24px */
body {
  background-color: #efeff5!important;
}

input {
  font-size: 28px;
  /*px*/
  border: none;
}

a,
a:hover {
  text-decoration: none;
}

// fastclick相关↓
// labeli,nput{
  // touch-action: none;
// }
// *{
//   touch-action: none;
// }

// fastclick相关↑
// https://segmentfault.com/a/1190000007621605
img {
  max-width: 100%;
}

#app {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.router-fade-enter-active,
.router-fade-leave-active {
  transition: opacity .5s
}

.router-fade-enter,
.router-fade-leave-to
/* .fade-leave-active in <2.1.8 */

{
  opacity: 0
}

button {
  border: none;
}

.page {
  overflow: hidden;
  height: 100%;
  position: relative;
}

.tail-arrow {
  // padding-right:10%;
  position: relative;
  &:after {
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    z-index: 999;
    border: 1px solid #ccc;
    /*no*/
    border-width: 1px 0 0 1px;
    /*no*/
    transform: rotate(135deg);
    top: 50%;
    right: 5%;
  }
}

.header-sub {
  background-color: #dcdcdc;
  padding: 0 3%;
  width: 100%;
  background-color: #f8f8f9; // height: 8px;
  position: absolute;
  top: 88px;
  left: 0;
  right: 0;
  z-index: 500; // line-height: 80px;
  height: 80px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.flex-row {
  @include flex();
}

.jcfe {
  justify-content: flex-end;
}

.text-center {
  margin: 0 auto;
  text-align: center;
}

[v-cloak] {
  display: none;
}
.list{
  height: 100%;
  overflow: auto;
}
.slide-fade-enter-active {
  transition: all .5s ease-in-out;
}

.slide-fade-leave-active {
  transition: all .5s ease-in-out;
}

.slide-fade-enter,
.slide-fade-leave-to
/* .slide-fade-leave-active for <2.1.8 */

{
  transform: translateX(100px);
  opacity: 0;
}

.slide-fade-move {
  transform: transform 1s;
}

.s-title {
  text-align: center;
  padding: 20px 0;
  font-size: 26px;
  /*px*/
  color: #666;
}

.bb {
  border-bottom: 1px solid #dcdcdc;
}

.bt {
  border-top: 1px solid #dcdcdc;
}

.fs30 {
  font-size: 30px;
  /*px*/
}

.fs26ccc {
  font-size: 26px;
  /*px*/
  color: #ccc;
}
.pb40{
  padding-bottom: 40px;
}
.pt20{
  padding-top: 20px;
}

.c666 {
  color: #666;
}

.row {
  padding: 100px 3%;
  width: 100%;
  text-align: center;
}

.round-btn {
  width: 100%;
  height: 88px;
  border-radius: 44px;
  background-color: #fb4700;
  color: #fff;
  font-size: 36px;
  /*px*/
}
#app-box{
  height: 100%;
  width: 100%;
}
#loading{
  background-color: #fff;
  width:100%;
  height: 100%;
  text-align: center;
  padding-top: 50%;
  position: absolute;
  z-index:999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}